import React from "react";
import "./newsItem.less";
import { Link } from "react-router-dom";
import { Divider } from "antd-mobile";
const newsItem = function newsItem(props) {
  const { item } = props;
  return (
    <>
      <Link to={{pathname:`/detail/${item.id}`}}>
        <div className="newsItem" key={item.id}>
          <div className="newsDesc">
            <p className="title">{item.title}</p>
            <p className="desc">{item.hint}</p>
          </div>
          <div className="newsImg">
            <img src={item.images[0]} alt="" />
          </div>
        </div>
      </Link>
    </>
  );
};
export default newsItem;
